<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>财丰金融</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="pub-top">
    <div class="container">
      <img src="./images/logo.png" alt="">
      <div class="pub-nav">
        <a href="index.html">首页</a>
        <a href="task.html">任务大厅</a>
        <a href="javascript:void(0)">新手指导</a>
        <a href="new.html">新闻资讯</a>
        <a href="about.html">关于我们</a>
        <a href="login.html">登录注册</a>
      </div>
      <div class="pub-search">
        <img src="./images/search.png" alt="">
        <input type="text" class="input" placeholder="请输入关键词">
        <div class="search-box">搜索</div>
      </div>
    </div>
  </div>
  <div id="balance">
    <div class="user-top">
      <div class="top-box">
        <p class="nav">个人信息</p>
        <p class="nav">修改密码</p>
        <p class="nav">我的收藏</p>
        <p class="nav">我的任务</p>
        <p class="nav yu active">余额</p>
        <p class="nav">推荐返利</p>
      </div>
    </div>
    <div class="money">
      <div class="m-item">
        <p class="mon">5678.8<span>元</span></p>
        <p class="text">账户余额</p>
      </div>
      <div class="m-item">
        <p class="mon">2315.8<span>元</span></p>
        <p class="text">冻结资金</p>
      </div>
      <div class="m-right">
        <div class="btn active">提现</div>
        <div class="btn">充值</div>
      </div>
    </div>
    <div class="mon-cont">
      <p class="title">购买明细</p>
      <div class="nav">
        <p class="text text1">产品</p>
        <p class="text text2">投资金额</p>
        <p class="text text3">预计收益</p>
        <p class="text text4">种类</p>
        <p class="text">购买日期</p>
      </div>
      <div class="item-box">
        <div class="item">
          <p class="text1">长沙市农业银行月末冲量</p>
          <p class="text2">1000万</p>
          <p class="text3 active">10万元</p>
          <p class="text4">冲量</p>
          <p class="text5">2018-12-5</p>
        </div>
        <div class="item">
          <p class="text1">长沙市农业银行月末冲量</p>
          <p class="text2">1000万</p>
          <p class="text3 active">10万元</p>
          <p class="text4">冲量</p>
          <p class="text5">2018-12-5</p>
        </div>
        <div class="item">
          <p class="text1">长沙市农业银行月末冲量</p>
          <p class="text2">1000万</p>
          <p class="text3 active">10万元</p>
          <p class="text4">冲量</p>
          <p class="text5">2018-12-5</p>
        </div>
        <div class="item">
          <p class="text1">长沙市农业银行月末冲量</p>
          <p class="text2">1000万</p>
          <p class="text3 active">10万元</p>
          <p class="text4">冲量</p>
          <p class="text5">2018-12-5</p>
        </div>
        <div class="item">
          <p class="text1">长沙市农业银行月末冲量</p>
          <p class="text2">1000万</p>
          <p class="text3 active">10万元</p>
          <p class="text4">冲量</p>
          <p class="text5">2018-12-5</p>
        </div>
      </div>
      <div class="more">查看更多>></div>
    </div>
  </div>
  <div class="pub-bottom">
    <div class="container">
      <div class="bottom-left">
        <img src="./images/logo1.png" alt="">
        <p>杭州财丰金融有限公司 All rights reserved</p>
        <p>浙公网安备 11010502020657 浙ICP备12025643号-1</p>
      </div>
      <div class="bottom-right">
        <img src="./images/code.png" class="code" alt="">
        <img src="./images/code1.png" class="code1" alt="">
        <div class="bottom-phone">
          <p class="text">400-183-5288</p>
          <p class="text1">服务时间: 9:00-21:00</p>
        </div>
        <img src="./images/phone.png" class="phone-pic" alt="">
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-1.10.2.min.js"></script>
<script>
  $(function () {
    $(".user-top .nav").click(function () {
      $(".user-top .nav").removeClass("active")
      $(this).addClass("active")
    })
  })
</script>

</html>